@font-face{ 
	font-family: 'Corleone';
	src: url('font/corleone-webfont.eot');
	src: url('font/corleone-webfont.eot?#iefix') format('embedded-opentype'),
	     url('font/corleone-webfont.woff') format('woff'),
	     url('font/corleone-webfont.ttf') format('truetype'),
	     url('font/corleone-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'LeagueGothic';
	src: url('font/leaguegothic-regular-webfont.eot');
	src: url('font/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('font/leaguegothic-regular-webfont.woff') format('woff'),
	     url('font/leaguegothic-regular-webfont.ttf') format('truetype'),
	     url('font/leaguegothic-regular-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'Allerta';
	src: url('font/allerta-regular-webfont.eot');
	src: url('font/allerta-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('font/allerta-regular-webfont.woff') format('woff'),
	     url('font/allerta-regular-webfont.ttf') format('truetype'),
	     url('font/allerta-regular-webfont.svg#webfont') format('svg');
}

body {
	margin:0 auto;
	font-family: 'Allerta', Arial, sans-serif;
	font-size: 17px;
}

a {
	color: #D1D1D1;
	text-decoration: none;
}

a:hover {
	color:#377ef0;
}

div#header_bg {
	width:100%;
	height: 50px;
	background:white;
	margin-top:5px;
	margin-bottom:5px;
}

div#header-wrapper {
	width: 1000px;
	margin:0 auto;
}

div.logo {
	float:left;
	background:url('http://www.wonaruto.com/images/dossiers/Naruto-Shonen-Jump-logo.jpg');
	width: 35px;
	height: 50px;
	background-size: 100%;
	margin-left:5px;
}
div.header_text {
	float: left;
	margin-left :34px;
	font-family: 'Corleone';
	font-size: 40px;
}

div#header_buttons {
	float:right;
	margin-right: 5px;
}

#header_buttons a {
	line-height:48px;
	font-family: 'Corleone';
	font-size: 25px;
	color: white;
	padding:10px;
	text-decoration: none;
}

#header_buttons a.login {
	background: #e93e30;
	border: #e93e30 1px solid;
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

#header_buttons a.register {
	background: #377ef0;
	border: #377ef0 1px solid;
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

#header_buttons a:hover {
	background: white;
	border: black 1px solid;
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.05);
	color:black;
}
div#cl_top {
	clear:top;
}
div#cl_both {
	clear:both;
}

div#top-menu_bg {
	width:100%;
	height:45px;
	background:#353535;
	overflow:hidden;
	border-top: 1px solid rgba(83, 82, 82, 0.30);
	border-bottom: 1px solid rgba(83, 82, 82, 0.30);
}

div#top-menu_wrapper {
	width:1000px;
	margin:0 auto;
	overflow:hidden;

}
#top-menu_wrapper a {
	font-family: 'LeagueGothic';
	font-size: 26px;
	border-right:1px solid rgba(83, 82, 82, 0.94);
	padding:9px ;
	line-height:45px;
	color:white;
	text-decoration: none;
	margin-left: -4px;
}

div#top-menu_wrapper a.debut {
	border-left:1px solid rgba(83, 82, 82, 0.94);
}

div#top-menu_wrapper a:hover {
	background: #191e22;
}


div#page {
	background: #141618;
	width: 100%;
	color:#BBBBBB;
}


div#page_wrapper {
	width:1000px;
	margin:0 auto;
	padding:20px;
	background: #191e22;
	border-left:1px solid rgba(83, 82, 82, 0.70);
	border-right:1px solid rgba(83, 82, 82, 0.70);
}

div#clichet img{
	width:180px;
	height:130px;
	border:2px solid rgba(83, 82, 82, 0.94);
}

#clichet div {
	width:190px;
	height: 170px;
	display: inline-block;
	margin-left:20px;
}

div#etagere img{
	width:126px;
	height:176px;
	border:2px solid rgba(83, 82, 82, 0.94);
}

#etagere div {
	width:126px;
	height: 195px;
	display: inline-block;
	margin-left:20px;
}


div#credits {
	width: 100%;
	background: #353535;
	color: #999999;
	border-top:1px solid rgba(83, 82, 82, 0.94);
}

div#credits_wrapper {
	width:1000px;
	margin:0 auto;
	font-size: 23px;
	font-family: Corleone;
	padding:10px;
}


div#article {
	border:1px solid rgba(83, 82, 82, 0.50);
	margin-top:10px;
	background: #1F2225;
}

#article h3 {
	padding:10px;
	margin-top: 0px;
	border-bottom:1px dashed rgba(83, 82, 82, 0.50);
}
#article #content {
	padding-left:10px;
	padding-bottom:10px;
}

div#article_breadcrumbs {
	border-top:1px dashed rgba(83, 82, 82, 0.50);
	padding:5px;
	font-size: 11px;
}

div#breadcrumbs {
	border:1px dashed rgba(83, 82, 82, 0.50);
	padding:5px;
	font-size: 11px;
}

div#episode {
	width:641px;
}

#episode #video {
	border:1px solid rgba(83, 82, 82, 0.50);
	width:640px;
	height:385px;
}

#episode #video iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

#episode input {
	height:40px;
	width:320px;
	background: #353535;
	border:1px solid rgba(83, 82, 82, 0.50);
	color:white;
}
#episode input:hover {
	background: white;
	color:black;
}

#episode input:disabled {
	background: #353535;
	color:#555555;
}

#episode input.left {
	float:left;
}

#episode input.right {
	float:right;
}

div#episode_menu {
	width:325px;
	margin-top:45px;
	float:right;
	text-align: center;
}

#episode_menu img {
	border:3px solid rgba(83, 82, 82, 0.50);
	width:300px;
}
#episode_menu span{
	font-size: 25px;
}

#episode_menu select {
	height: 30px;
}

div#chapitre {
	width:741px;
}

#chapitre #chap_page {
	border:1px solid rgba(83, 82, 82, 0.20);
	width:740px;
	height:auto;
	min-height: 500px;
}

#chap_page img {
	width:740px;
}

#chapitre input,select{
	height:40px;
	width:160px;
	background: #353535;
	border:1px solid rgba(83, 82, 82, 0.50);
	color:white;
}
#chapitre input:hover {
	background: white;
	color:black;
}

#chapitre input:disabled {
	background: #353535;
	color:#555555;
}

#chapitre select.chap {
	width:220px;
}

#chapitre *.left {
	float:left;
}

#chapitre *.right {
	float:right;
}

div#chapitre_menu {
	width:225px;
	margin-top:45px;
	float:right;
	text-align: center;
}

#chapitre_menu img {
	border:3px solid rgba(83, 82, 82, 0.50);
	width:200px;
}
#chapitre_menu span{
	font-size: 25px;
}

#chapitre_menu select {
	height: 30px;
}

div#info_image {
	float:left;
	width: 300px;
}

#info_image img{
	border:3px solid rgba(83, 82, 82, 0.50);
	width:300px;
}

div#infos {
	font-size: 20px;
	width:670px;
	float:right;
}

div#synopsis {
	width: 980px;
	margin-left: 20px;
	font-size: 15px;
	font-family: vandara;
}

div#cp_lists table{
	border:1px solid rgba(83, 82, 82, 0.50);
}

div#infos {
	font-size: 25px;
}
